<script>
  import { mapGetters } from 'vuex'
	export default {
    computed: {
        // 将 Cart 模块中的 toCart 映射为当前页面的计算属性
        ...mapGetters('Cart', ['toCart']),
      },
		onLaunch: function() {
			this.showTab()
		},
		onShow: function() {
		},
		onHide: function() {
		
		},
    methods : {
      showTab() {
        // 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
        // 徽标在购物车有数据的情况下才显示
        uni.setTabBarBadge({
          index: 2, // 索引
          text: `${this.toCart}` // 注意：text 的值必须是字符串，不能是数字
        })
        if(this.$store.state.Cart.cart.length === 0) {
          uni.removeTabBarBadge({
            index: 2
          })
          return
        }
      },
    }
	}
</script>

<style>
	/*每个页面公共css */
</style>
